<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="controlsystem.MilestoneController" %>
<%@ page import="managesystem.Student" %>

<html>
 <head>
    <link type="/styles/style.css" rel="stylesheet"  />
     <title>Milestones</title>
  </head>

  <body>
<p>


</p>
<h1>Milestone aanmaken</h1>
<div class=textfile>
<form action="/addMilestone" method="post"> 
                    	<td align="right">Selecteer het vak:</td>
                    	<td align="left" >
                        <select id="vak" name="vak" class="txtBox">
                          <option value="">-selecteer-</option>
                          <option value="ana">Analyse2</option>
                          <option value="the">Thermodynamica</option>
                          <option value="nat">Algemene Natuurkunde</option>                 
                        </select>
                   
                    	<td align="left"><span id="msg_gender"></span>&nbsp;</td>
     



 <name="input">
<input type="submit" value="Milestone aanmaken" action="/addMilestone" method="post"/>
</form> 
</div>


<div class=textfile>
<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["barchart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'vak');
        // Afgelegd deel van de milestone
        data.addColumn('number', 'afgelegd');
        //nog af te leggen deel van de milestone
        data.addColumn('number', 'Nog af te leggen');
        data.addRows(4);
        //aantal miletones
        data.setValue(0, 0, "naam vh vak");
       data.setValue(0, 1, 30);
       data.setValue(0, 2, 30);

    

   
        
        var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
        chart.draw(data, {'isStacked': true,width: 400, height: 240, title: 'Ingegeven Milstones'
        	});
      }
    </script>
  </head>

  <body>
    <div id="chart_div"></div>
  </body>
  
  

</html>
</div>
<div>
<form>
<input type="submit" value="Milestone aanmaken" action="/addMilestone"/>

</form>
</div>

  </body>
</html>









